
Page({
  data:{
    // 搜索关键词
    keyword: '',
    // 英雄列表
    list:[] as Hero[]
  },
  onLoad(){
      // 获取英雄列表
      this.getData().then((res) => {
        this.setData({
          list: res
        })
      })
  },
  onShareAppMessage(){},
    // 获取英雄列表
  getData(keyword:string=''){
    return new Promise<Hero[]>((resolve,reject)=>{
       // 请求开始前，显示加载框
       wx.showLoading({ title: '英雄加载中...' })
       // 发送网络请求
       wx.request<ServerResponse<Hero[]>>({
         url:'https://api-vue-base.itheima.net/api/lol/search',
         method:'GET',
         data:{q:keyword},// 查询的关键字,省略或者为空查询所有
         success:(res)=>{
           console.log(res)
             // 更新UI
        //  this.setData({
        //    list:res.data.data
        //  })
        if(res.data.code!==200){
          wx.showToast({icon:'error',title:res.data.msg
          })
        }
        // 标记成功，并传递数据
        resolve(res.data.data)
         },
         fail:()=>{
           reject()
         },
         complete:()=>{
            // 请求完成，关闭加载框
           wx.hideLoading()
         }
       })
    })
     
  },
    // 搜索英雄
 async onSearch(){
    // 根据关键词搜索
const res=await this.getData(this.data.keyword)
// 更新UI
this.setData({
  list:res
})
  }
})